<template>
	<div class="cli">
		<Header></Header>
		<div class="w1000">
			<h2>vue-cli安装</h2>
			<pre v-highlight>
				<code>npm install -g @vue/cli</code>
				<code># OR </code>
				<code>yarn global add @vue/cli </code>
				<code>vue --version</code>
			</pre>
			<h2>创建项目</h2>
			<pre v-highlight>
				<code>vue create hello-world</code>
				<code>vue create --help</code>
			</pre>
			<h2>图形化</h2>
			<pre v-highlight>
				<code>vue ui</code>
			</pre
			>
			<h2>2.x模板 - 旧版本</h2>
			<pre v-highlight>
				<code>npm install -g @vue/cli-init</code>
				<code># `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同</code>
				<code>vue init webpack my-project</code>
			</pre>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {};
	},
	method: {}
};
</script>

<style lang="scss" scoped>
body {
	br {
		margin: 0;
		padding: 0;
	}
	pre {
		font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		background-color: #eee;
		padding: 15px 10px;
		line-height: 1;
		font-size: 12px;
	}
}
</style>
